*{
  padding:0;
  margin:0;
  box-sizing: border-box;
}
//头部导航
.header-fixed{
  position: fixed;
  width: 100%;
  height: auto;
  z-index: 11;
  top: 0;
  transition: top .3s;
  box-sizing: border-box;
  .top-nav {
    background: #000;

    .header-top {
      position: relative;
      width: 100%;
      height: 30px;

      ul {
        display: flex;
        justify-content: flex-end;
        margin-right: 30px;

        li {
          list-style: none;
          height: 30px;
          position: relative;
          margin-right: 25px;

          a {
            text-decoration: none;
            color: #c8cbcc;
            line-height: 34px;
            font-size: 12px;
            display: inline-block;
          }

          .icon-new {
            vertical-align: middle;
            margin: -2px 0 0 5px;
            display: inline-block;
            background: url("../../images/孙莹/icon-new.png")
          }

          .icon-order-tracking {
            width: 12px;
            height: 14px;
            background-position: -296px -1px;
          }

          .icon-help-center {
            background-position: -484px -4px;
            width: 14px;
            height: 14px
          }

          .icon-service {
            width: 14px;
            height: 13px;
            background-position: -239px 0;
          }

          .icon-login {
            width: 14px;
            height: 14px;
            background-position: -267px -1px;
          }
        }
      }
    }

    .header-container {
      max-width: 1280px;
      padding: 0 20px;
      margin: 0 auto;
      box-sizing: border-box;
      display: flex;
      justify-content: space-between;

      .header-left {
        vertical-align: middle;
        display: flex;
     .navbar-header{
       width: 83px;
       height: 50px;
       transition: width 0s ease 0s;
       display: inline-block;
       zoom: 1;
       position:relative;
     }
     .nav-menu{
     .nav-pills{
      word-break: normal;
       display: flex;

       .Extention {
         list-style: none;
         height: 50px;
         cursor: auto;
         line-height: 42px;
         padding: 0 15px;
       }
       .Extention>a{
         text-decoration: none;
         color: #fff;
         position: relative;
         height: 100%;
         padding: 0;
         font-size: 18px;
         border-radius: 0;
         font-weight: bold;
         z-index: 102;
       }
       .nav-menu-delimiter{
         position: relative;
         height:50px;
         cursor: auto;
         line-height: 42px;
         padding: 0 15px;
         span{
           position: relative;
           padding: 0;
           font-size: 18px;
           border-radius: 0;
           border-right: 1px solid #ccc;
           width: 1px;
           outline: none;
         }
       }
      }
     }
      }
    .header-right{
      vertical-align: middle;
       box-sizing: border-box;
       display:flex;
      //justify-content: space-between;
      .form-search {
        width: 180px;
        height: auto;
        background: transparent;
        border: 0 solid #fff;
        padding: 9px 0 0;
        position: relative;

        form {
          width: 100%;

          input {
            border-radius: 0;
            background: #fff;
            outline: 0;
            width: 180px;
            padding: 0 34px;
            font-size: 12px;
            color: #000;
            height: 32px;
            line-height: 16px;
            border: 1px solid #000;
            box-sizing: border-box;
          }

          > a {
            text-decoration: none;
            position: absolute;
            outline: none;
            font-size: 16px;
            left: 0;
            width: 32px;
            height: 32px;
          }

          .icon-search {
            margin: 6px 0 0 8px;
            width: 16px;
            height: 16px;
            background: url('../../images/孙莹/icon.png');
            background-position: -360px 20px;
            opacity: .5;
            display: inline-block;
          }
        }
      }
     .header-cart{
       position: relative;
       width: 58px;
       height: 32px;
       margin: 9px 0 0 0;
       >a{
        position: relative;
        display: inline-block;
        width: 100%;
        height: 100%;
        cursor: pointer;
        text-decoration: none;
        outline:none;
        .icon-cart{
         width: 20px;
         height: 20px;
         margin: 6px 0 0 14px;
         z-index: 2;
         position: absolute;
         display:inline-block;
        background:url('../../images/孙莹/icon-new.png');
        background-position: -352px -1px;
         }

        }
      }
    }
    }
  }
}

//登录注册
.container{
  width:100vw;
  //height:100vh;
  //position: absolute;
  .wrapper{
   width:990px;
   margin:0 auto;
   //border:1px solid red;
   margin-top:120px;
   .login-tit .list-inline{
    margin: 0;
    padding: 0;
    font-size: 0;
     >li{
     display: inline-block;
     zoom: 1;
     font-size: 14px;
      list-style: none;
      a{
       text-decoration: none;
       font-size: 14px;
       color: #000;
       line-height: 14px;

       }
       }
     :first-child a .icon-login-left{
       width: 14px;
       height: 14px;
       margin-right: 5px;
       vertical-align: middle;
       display: inline-block;
       background:url('../../images/孙莹/icon.png');
       background-position: -52px -20px;
     }
     .divider{
       margin:0 8px;
     }
    }
.login-content{
  padding: 0;
  width: 100%;
  max-width: 990px;
  margin-top: 20px;
  display: flex;
  justify-content: space-between;
  margin-left: auto;
  margin-right: auto;
  .login-left{
    max-width: inherit;
    width: 55.4%;
    height:441px;
    padding-right: 16.6%;
    border: 2px solid #ebebeb;
    min-height: 310px;
  .login-box{
    min-width:441px;
    display:flex;
    justify-content: space-between;
    .e-login-detail-mobile{
      width: 57%;
      display: inline-block;
      text-decoration: none;
    .float-clearfix{
      padding-left: 14px;
      padding-right: 15px;
      font-size: 22px;
      line-height: 22px;
      padding-bottom: 14px;
      margin-bottom: 20px;
      border-bottom: 2px solid #c8cbcc;
      color: #c8cbcc
    }
    }
    .e-login-detail-account{
      width:43%;
      text-decoration: none;
      display:inline-block;
      .float-clearfix{
        padding-left: 13px;
        padding-right: 13px;
        font-size: 22px;
        line-height: 22px;
        padding-bottom: 14px;
        margin-bottom: 20px;
        border-bottom: 2px solid #c8cbcc;
        color: #c8cbcc;
      }
    }
    //.login-detail-border{
    //  border-bottom: 2px solid #000;
    //  color: #000;
    //  font-weight: 700;
    //}
    }
  }
  .login-right{
    max-width: 410px;
    width: 40%;
    height:330px;
    .login-box{
    max-width: 410px;
      h4{
        font-size:18px;
        color: #000;
        line-height: 24px;
        margin-bottom: 20px;
        font-weight: bolder;
      }
.login-detail{
  .login-detail-tit{
    font-size: 14px;
    color: #000;
    line-height: 18px;
  }
.regist-inner{
  margin: 40px 0 20px;
  div{
    font-size: 14px;
    line-height: 14px;
    color: #000;
    margin-bottom: 11px;
    .icon-conform{
      font-size: 20px;
      vertical-align: baseline;
      margin-right: 10px;
      width: 20px;
      height: 15px;
      background:url('../../images/孙莹/icon.png');
      background-position: -272px -19px;
      display: inline-block;
  }
  }
}
}
    }
  }
}
  }
}


//尾注
.footer{
  background:#fff;
  width:100%;
  margin-top:40px;
.footer-top{
  height: 100px;
  background: #000;
  .footer-top-container{
    border-bottom: 0 solid #888;
    max-width: 1440px;
    margin: 0 auto;
    padding: 0 100px;
    .none-sm{
     display:flex;
      >li{
        padding: 35px 0 0 0;
        margin-right:80px;
        list-style: none;
        height:100px;
        color: #fff;
        a{
          text-decoration: none;
          color:#fff;
          cursor: pointer;
          outline: none;
        }
        p{
        font-size: 14px;
        //font-weight: bold;
        line-height: 16px;
        .icon{
        vertical-align: middle;
        margin: -2px 11px 0 0;
        display: inline-block;
          background:url('../../images/孙莹/icon.png');
        }
      .icon-contact-us-service{
        width:17px;
        height:17px;
        background-position: -400px -83px;
      }
     .icon-contact-us-tel{
       width: 16px;
       height: 16px;
       background-position: -74px -86px;
     }
     .icon-contact-us-email{
       width: 16px;
       height: 16px;
       background-position: -96px -84px;
     }
      .icon-contact-us-time{
        width: 16px;
        height: 16px;
        background-position: 0 -112px;
      }
      }
      .remarks{
       padding: 1px 0 0 30px;
       font-weight: 400;
       font-size: 12px;
       color: #888;
       max-width: 165px;
        }
      }
      .order-tracking{
        margin: 0;
       .icon-order{
       vertical-align: middle;
       margin: -2px 11px 0 0;
       display:inline-block;
       background:url('../../images/孙莹/icon-new.png');
       width:16px;
        height:17px;
        background-position: -150px 0;
        }
      }

      .contacted{
        line-height: 90px;
        margin-right: 80px;
        font-size: 16px;
        padding: 0;
      }
    }
  }
}
 .footer-cont{
   padding: 0 60px;
   max-width: 1440px;
   text-align: left;
   .footer-cont-top{
   width:1229px;
   margin:0 auto;
   margin-top: 40px;
   height:300px;
   margin-bottom: 40px;
   display:inline-block;
   border:1px solid green;
   display:flex;
     .footer-list{
       margin-left: 0;
       width: 260px;
       padding: 0 10px 0 0;
       margin: 0;
       text-align: left;
     .footer-item{
       list-style: none;
       margin-bottom: 13px;
       line-height: 16px;
     a{
       text-decoration: none;
       font-size: 14px;
       line-height: 16px;
       cursor:pointer;
       color: #000;
     }
     }
    .title{
      font-weight: bold;
      font-size: 16px;
      line-height: 18px;
      margin-bottom: 25px;
    }
     }
   }
 }
}